.connection {
height:334px;
width:1014px;
background: url("../image/connection/FondSeConnecter.png") no-repeat;

}


a {
text-decoration: none;
color: white;
text-align: bold;
}



strong a {
color: white;
font-size: 10px;
}

strong {
color: white;
font-size: 17px;
}

* {
font-family: Myriad Pro;
}
.fermer {
top: 15px;
right: 33px;
float: right;
position: relative;
font-size: 14px;
color: #c6d2e1;
}

.croixbleu{
width:10px;
height:10px;
top:18px;
right: -35px;
position: relative;
float: right;
background:url("../image/connection/CroixBleue.png") no-repeat;
}

.partiegauche {
margin-left: 23px;
top: 16px;
position: relative;
width: 441px;
height: 310px;
font-size: 13px;
color: #c6d2e1;
display:inline-block;
float:left;
}

.champs {
right: 2px;
width:442px;
height:54px;
}

.champs2 {
right: 2px;
margin-top: -5px;
width:442px;
height:54px;
}

.ie .champs {
right: 2px;
margin-top: -3px;
width:442px;
height:54px;
}

.champs .corps {
display: inline-block;
width: 428px;
height: 54px;
background: url("../image/champs/ChampCorps.png") repeat-x;
float:left;
}

.champs2 .corps {
display: inline-block;
width: 428px;
height: 54px;
background: url("../image/champs/ChampCorps.png") repeat-x;
float:left;
}

.champsgauche{
float: left;
width: 7px;
height:54px;
background: url("../image/champs/ChampGauche.png") no-repeat;
}

.champsdroit {
width: 7px;
height: 54px;
float: left;
background: url("../image/champs/ChampDroite.png") no-repeat;
}

p{
margin-top:0px;
margin-left: 2px;
}

.ie .mdp {
font-weight: bold;
color: white;
font-size: 16px;
margin-top: -10px;
margin-left: 2px;
float:left;
}

.mdp {
font-weight: bold;
color: white;
font-size: 16px;

margin-left: 2px;
}

.decalage {
margin-left:2px;
}

ie.decalage {
margin-left: 2px;
float:left;
}
.decalage2 {
margin-left: 6px;
}

.ie.resteconnecte {
width: 441px;
height: 50px;
float: left;
}

.resteconnecte {
margin-top: 35px;
width: 441px;
height: 50px;
float: left;
}


.Corps2 {
display: inline-block;
width: 140px;
background:url("../image/bouton/Corps.png") repeat-x;
height: 38px;

}


.ie .boutonconnection {
margin-top:-75px;
padding-top: 12px;
width: 139px;
height: 38px;
margin-left: 174px;
float:right;
background: url("../image/bouton/Bloc.png") no-repeat;
}

.boutonconnection {
margin-top:-60px;
padding-top: 12px;
width: 139px;
height: 38px;
margin-left: 174px;
float:right;
background: url("../image/bouton/Bloc.png") no-repeat;
}

.resterconnecte {

display: inline-block;
margin-left: 12px;
position: relative;
float:left;
}

.ie .resterconnecte {
margin-top:-12px;
display: inline-block;
margin-left: 12px;
position: relative;
float:left;
}

.ecriturebouton {
margin-top: 10px;
margin-right:15px;
position: relative;
float: right;

color: white;
font-size: 13px;
}

.ie .tested {
width:28px;
height:29px;
float:left;
position: relative;
background:url("../image/connection/tested.png") no-repeat;
margin-top: -18px;
}
.tested {
width:28px;
height:29px;
float:left;
position: relative;
background:url("../image/connection/tested.png") no-repeat;
margin-top: -5px;
}



.partiedroite {
height: 310px;
width: 365px;
float: left;
position: relative;
margin-left: 40px;
top: 16px;
font-size: 13px;
color: #c6d2e1;
}

.boutoninscription {
height: 38px;
width: 127px;
display: inline-block;
position: relative;
right:2px;
}



.ajustement {
font-weight: bold;
color: white;
font-size: 16px;
}

.sansajustement {
margin-left: -2px;
font-weight: bold;
color: white;
font-size: 16px;
}

.ie p.attention {
margin-top: 30px;
line-height: 0px;
}
p.attention {
margin-top: 37px;
line-height: 0px;
}

.chrono {
margin-top: 7px;
height: 66px;
width: 364px;
background: url("../image/connection/BlocChrono.png");	
}

.bienentendu {
margin-top: 25px;
text-align: justify;
line-height: 20px;
}
.asterix {
color: white;
}

.left {
height: 40px;
width: 7px;
float: left;
background: url("../image/bouton/CoinGauche.png") repeat-x;
}

.right {
height: 40px;
width: 7px;
float: left;
background: url("../image/bouton/CoinDroit.png") repeat-x;
}

.boutoninscription .corps {
height: 40px;
width: 113px;
background: url("../image/bouton/corps.png") repeat-x;
float:left;
display: block-inline;
}

.boutonplus {
margin-top: 8px;
float: right;
position: relative;
margin-right: 10px;
}

.ecriturebouton2 {
float: left;
margin-top:-2px;
margin-left:22px;
font-size: 13px;
}

.input_simple {
margin-top:8px;
height: 38px;
width: 411px;
background-color: #f5f5f5;
border: none;
margin-left:15px;
font-weight: bold;
color: black;
}

.ie .input_simple {
margin-top:14px;
height: 35px;
width: 411px;
background-color: #f5f5f5;
border: none;
margin-left:15px;
font-weight: bold;
color: black;
}

.ie .ajustementie {
float:left;
top: -10px;
line-height:9px;
}